<template>
	<view>
		<view class="list">
			<view class="item" @click="openGongdiDetails" v-for="index in 3" :key="index">
				<image src="../../../static/builder.png" mode="widthFix"></image>
				<view class="title">天和尚上海</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {};
	},
	methods: {
		openGongdiDetails() {
			uni.navigateTo({
				url:'/pages/index/gongdi/details/details'
			})
		}
	}
};
</script>

<style lang="less" scoped>
.list {
	display: flex;
	flex-direction: column;
	box-sizing: content-box;

	.item {
		margin: 0 40rpx;
		border-radius: 12rpx;
		box-shadow: 0rpx 4rpx 8rpx 0rpx rgba(0, 0, 0, 0.1);
		margin-top: 40rpx;

		.title {
			text-align: center;
			padding: 20rpx 0;
			font-size: 24rpx;
		}
	}
	.item:last-child {
		margin-bottom: 40rpx;
	}
}
</style>
